<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>imooc</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<header> 
		<div class="container">
			<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
			<nav>
				<a class="Home active" href="index.html">Home</a>
				<a class="Course" href="#">Course</a>
				<a class="Actual" href="#">Actual</a>
				<a class="Plan" href="#">Plan</a>
				<a class="FAQ" href="#">FAQ</a>
				<a class="Notes" href="#">Notes</a>
			</nav>
		</div>
	</header>
	<section class="banner">
		<ul>
			<li class="active"><img src="images/banner/banner1.jpg"></li>
			<li class="left"><img src="images/banner/banner3.jpg"></li>
			<li class="right"><img src="images/banner/banner2.jpg"></li>
		</ul>
	</section>
	<section class="main">
		<aside>
			<h1>Recent <samp>Course</samp></h1> <!--<samp></samp>这是修饰文字浅色的标签-->
			<dl>
				<dt>Hyper Text Markup Language</dt> <!--dt:标题-->
				<dd><img src="images/Course/05_05.png"></dd> <!--dd:图片描述-->
				<dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd> <!--dd:文字描述-->
			</dl>
			<dl>
				<dt>Cascading Style Sheets</dt>
				<dd><img src="images/Course/06_04.png"></dd>
				<dd>Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.</dd>
			</dl>
			<dl>
				<dt>JavaScript</dt>
				<dd><img src="images/Course/09_07.png"></dd>
				<dd>JavaScript is a high-level, dynamic, untyped, and interpreted programming language.</dd>
			</dl>
			<dl>
				<dt>AngularJS</dt>
				<dd><img src="images/Course/02_09.png"></dd>
				<dd>AngularJS is an open-source web application framework mainly maintained by Google and by a community of individuals and...</dd>
			</dl>
		</aside>
		<article>
			<h1>Welcome to <samp> Massive Open Online Course! </samp></h1>
			<p>We provide the latest knowledge to help you cope with the changing world!</p>
			<img src="images/article.jpg">
			<p>We hope that all the students who love the Internet can be more convenient access to learning resources, using the Internet thinking to change our learning.</p>
			<p>Focus on IT skills education MOOC, consistent with the development trend of the Internet down to earth's MOOC. We are free, we only teach useful, we concentrate on education.</p>
		</article>
	</section>
	<footer>
		<div class="container">
			<p>Copyright © 2016 imooc.com All Rights Reserved.</p>
			<span>
				<img src="images/icon/qq.png">
				<img src="images/icon/sina.png">
				<img src="images/icon/weichat.png">
			</span>
		</div>
	</footer>
</body>
</html>